<html lang="zh-CN" slick-uniqueid="3">
{% load static %}
<head>
    <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width " />
    <title>登录</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <link rel="stylesheet" href="{% static 'plugins/icheck-bootstrap/icheck-bootstrap.min.css' %}">
    <link rel="stylesheet" href="{% static 'plugins/fontawesome-free/css/all.min.css' %}">
    <link rel="stylesheet" href="{% static 'dist/css/adminlte.min.css' %}">
    <!-- jQuery -->
    <script src="{% static 'js/jquery-3.5.1.min.js' %}"></script>
    <!--Layui-->
    <script src="{% static 'plugins/layui/layui.js' %}"></script>

</head>
<body class="hold-transition login-page">
<div class="login-box">
  <!-- /.login-logo -->
  <div class="card card-outline card-primary">
    <div class="card-header text-center">
      <a href="" class="h2"><b>后台</b>登录</a>
    </div>
    <div class="card-body">
      <p class="login-box-msg">请登录</p>
      <form action="" id="form_login" method="post">
        <div class="input-group mb-3">
          <input type="text" class="form-control" name="username" placeholder="用户名">
          <div class="input-group-append">
            <div class="input-group-text">
              <span class="fas fa-user"></span>
            </div>
          </div>
        </div>
        <div class="input-group mb-3">
          <input type="password" class="form-control" name="password" placeholder="密码">
          <div class="input-group-append">
            <div class="input-group-text">
              <span class="fas fa-lock"></span>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-8">
          </div>
          <!-- /.col -->
          <div class="col-4">
            <button type="submit" class="btn btn-primary btn-block">登录</button>
          </div>
          <!-- /.col -->
        </div>
          {% csrf_token %}
      </form>

      <div class="social-auth-links text-center mt-2 mb-3">
        <a href="#" onclick="alert1()" class="btn btn-block btn-primary">
          <i class="fab fa-weixin mr-2"></i> 微信登录
        </a>
        <a href="#" onclick="alert1()" class="btn btn-block btn-danger">
          <i class="fab fa-qq mr-2"></i> QQ登录
        </a>
      </div>
      <!-- /.social-auth-links -->

      <p class="mb-1">
        <a href="{% url 'login:recover_password' %}" style="margin-top: 15px; color: rgb(102, 102, 102); font-size: 14px; font-weight: normal; float: left; cursor: pointer;">忘记密码</a>
      </p>
      <p class="mb-0">
        <a href="javascript:;" onclick="alert1()" class="text-center" style="margin-top: 15px; color: rgb(102, 102, 102); font-size: 14px; font-weight: normal; float: right; cursor: pointer;">新用户注册</a>
      </p>
    </div>
    <!-- /.card-body -->
  </div>
  <!-- /.card -->
</div>
{% if msg %}
    <script type="text/javascript">
        layui.use('layer',function () {
            var layer=layui.layer;
            info = '{{ msg|safe }}'
            layer.alert(info,{
                icon: 0,
                skin: 'layer-ext-moon',
            })
        })
    </script>
{% endif %}
<!-- /.login-box -->
<div style="text-align: center; height: 60px; line-height: 60px; position: absolute;bottom: 0; font-size: 12px; color: rgb(153, 153, 153); width: 100%;">Copyright © 2020-2099 粤能管理. All rights reserved.</div>
<div style="text-align: center; height: 60px; line-height: 60px; position: absolute; bottom: 20px; font-size: 12px; color: rgb(153, 153, 153); width: 100%;"><a href="https://beian.miit.gov.cn/" style="text-decoration: none;color: grey">粤ICP备20054981号-1 </a></div>
<!-- jQuery -->
<script src="{% static 'plugins/jquery/jquery.min.js' %}"></script>
<!-- Bootstrap 4 -->
<script src="{% static 'plugins/bootstrap/js/bootstrap.bundle.js' %}"></script>
<!-- AdminLTE App -->
<script src="{% static 'dist/js/adminlte.min.js' %}"></script>
<script>
    function alert1() {
        alert('未开放！')
    }
</script>
</body>

</html>